﻿@using KMF.Utility
@using KMF.WebUI.CustomHelpers
@using KMF.WebUI.Infrastructure
@using KMF.WebUI.Models
@model RegisterInOrderModel
@{
    ViewBag.Title = "Xác nhận đơn hàng và thanh toán";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var cartInfo = (OrderInfo)Session[SessionConfig.SessionCartInfor];
}

<div class="about" style="margin-top: 0px;">

    <div class="cart">
        <div class="cart_title">
            <span>Đặt hàng online
            </span>
        </div>
        @using (Html.BeginForm("Finish", "Order", FormMethod.Post, new { id = "form-order" }))
        {
            <div class="cart_content">
                <div class="first_row">
                    <div class="right_row">
                        <a href="@Url.Action("Index", "Login", new { })" class="cart_log_button"></a><span>Vui lòng đăng nhập để mua hàng</span>
                    </div>
                    <div class="left_row">
                        <a href="@Url.Action("Register", "Login", new { })" class="cart_reg_button"></a><span>Vui lòng đăng ký nếu bạn chưa có tài khoản</span>
                    </div>
                </div>

                <div class="second_row">
                    <div class="row_title">
                        <span>Thông tin khách hàng</span>
                    </div>
                    @if (Session[SessionConfig.SessionCustomerLogin] == null)
                    {
                        <div class="row_content">
                            <div class="right_row">
                                @Html.TextBoxFor(m => m.Email, new { @placeholder = "Email" })
                                <span class="valid">@Html.ValidationMessageFor(m => m.Email)</span>
                                @Html.TextBoxFor(m => m.FullName, new { @placeholder = "Họ và tên" })
                                <span class="valid">@Html.ValidationMessageFor(m => m.FullName)</span>
                                <div class="checkGen">
                                    @{
                        var listGender = new List<string> { "Nam", "Nữ" };
                                    }
                                    @Html.DropDownList("Gender", new SelectList(listGender), new { })

                                </div>
                                @Html.TextBoxFor(m => m.MobilePhone, new { @placeholder = "Số điện thoại di động" })

                                <span class="valid">@Html.ValidationMessageFor(m => m.MobilePhone)</span>
                                @Html.TextBoxFor(m => m.Telephone, new { @placeholder = "Số điện thoại bàn" })

                                <span class="valid"></span>

                            </div>
                            <div class="left_row">
                                @Html.TextBoxFor(m => m.Address, new { @placeholder = "Địa chỉ" })
                                <span class="error">@Html.ValidationMessageFor(m => m.Address)</span>
                                <span class="selectCountry select_add_more">
                                    @Html.DropDownListFor(m => m.ProvinceId, new SelectList(Model.ProvinceList, "ProvinceId", "ProvinceName"), new { @class = "ddltinhthanh" })
                                    <input type="hidden" name="ProvinceName" id="ProvinceName" value="" />
                                    @Html.ValidationMessageFor(m => m.ProvinceId)
                                </span>
                                <span class="selectCountry">@Html.DropDownListFor(m => m.DistrictId, new SelectList(Model.DistrictList, "DistrictId", "DistrictName"), new { @class = "ddlQuanHuyen" })
                                    <input type="hidden" name="DistrictName" id="DistrictName" value="" />
                                    @Html.ValidationMessageFor(m => m.DistrictId)
                                </span>
                                <span class="selectTime select_time_more">
                                    @Html.DropDownListFor(m => m.Year, new SelectList(Model.YearList, "YearVal", "Year"), new { @class = "select_time" })
                                    @Html.ValidationMessageFor(m => m.Year)
                                </span>
                                <span class="selectTime">
                                    @Html.DropDownListFor(m => m.Month, new SelectList(Model.MonthList, "MonthVal", "Month"), new { @class = "select_time " })
                                    @Html.ValidationMessageFor(m => m.Month)
                                </span>
                                <span class="selectTime">
                                    @Html.DropDownListFor(m => m.Day, new SelectList(Model.DayList, "DayVal", "Day"), new { @class = "select_time " })
                                    @Html.ValidationMessageFor(m => m.Day)
                                </span>
                                <div class="checkOpt">
                                    @Html.CheckBoxFor(m => m.IsAddressDiff, new { @class = "cssOrderCheckBox" })<span>Giao hàng tại cùng địa chỉ trên</span>
                                </div>
                            </div>

                        </div>
                    }
                    else
                    {
                        var customerInfo = (CustomerInfo)Session[SessionConfig.SessionCustomerLogin];
                        <div class="row_content">
                            <div class="right_row">
                                <p> <span class="logininfo_element">Họ tên:</span>  <span class="logininfo">@customerInfo.FullName</span></p>
                                <p><span class="logininfo_element">Email:</span>  <span class="logininfo">@customerInfo.Email</span></p>
                                <p><span class="logininfo_element">Số điện thoại:</span>  <span class="logininfo">@customerInfo.MobilePhone</span></p>
                                <p><span class="logininfo_element">Địa chỉ:</span>  <span class="logininfo">@customerInfo.Address</span></p>
                                <p><span class="logininfo_element">Tỉnh thành: </span> <span class="logininfo">@customerInfo.ProvinceName</span></p>
                                <div class="checkOpt">
                                    @Html.CheckBoxFor(m => m.IsAddressDiff, new { @class = "cssOrderCheckBox" })<span>Giao hàng tại cùng địa chỉ trên</span>
                                </div>
                                <div class="left_row">
                                    @*<div class="left_row_title">
                                        <span>Giao hàng tại địa chỉ khác
                                        </span>
                                    </div>
                                    @Html.TextBoxFor(m => m.FullNameAddition, new { @placeholder = "Người nhận" })
                                    <span>@Html.ValidationMessage("ErrorFullNameAdd")</span>
                                    @Html.TextBoxFor(m => m.PhoneAddition, new { @placeholder = "Số điện thoại"})
                                    <span>@Html.ValidationMessage("ErrorPhoneAdd")</span>
                                    @Html.TextBoxFor(m => m.AddressAddition, new { @placeholder = "Số điện thoại"})
                                    <span>@Html.ValidationMessage("ErrorAddressAdd")</span>*@
                                </div>
                            </div>
                        </div>
                    }
                </div>

                <div class="third_row">
                    <div class="row_title">
                        <span>Hình thức thanh toán</span>
                    </div>
                    <div class="payment">
                        <div class="payment_type">
                            <input type="checkbox" name="Payment" value="Thanh toán khi nhận hàng từ nhân viên giao hàng" class="chkCash" checked="checked" /><span class="payment_title">Trả tiền khi nhận hàng</span>
                        </div>
                        <div class="payment_type payment_title_active">
                            <input type="checkbox" name="Payment" value="Thanh toán qua thẻ ngân hàng" class="chkATM" /><span class="payment_title">Chuyển khoản bằng ATM</span>
                            <div class="payment_detail">
                                <span>Các bạn lựa chọn một trong các ngân hàng phù hợp với thẻ ATM của mình, ghi rõ lý do chuyển tiền </span><span style="color: #999999;">vd: thanh toán đơn hàng AB0003</span>
                                <p>
                                    VIETCOMBANK
                                </p>
                                <p>
                                    ACB
                                </p>
                                <p>
                                    AGRIBANK
                                </p>
                            </div>
                        </div>
                        <div class="payment_type">
                            <input type="checkbox" name="Payment" value="Thanh toán qua cổng thanh toán online " class="chkNet" /><span class="payment_title">Thanh toán qua các cổng điện tử</span>
                        </div>
                    </div>
                </div>
                <div class="last_row">
                    <div class="row_title">
                        <span>Xác nhận đơn hàng</span>
                    </div>
                    <div class="cart_detail">
                        @foreach (var pItem in cartInfo.ProductOrderList)
                        {
                            var productIdFirst = pItem.ProductId;
                            var plink = Url.Action("Index", "ProductDetail", new
                            {
                                productName = StringUtil.RemoveSpecialCharactersVn(pItem.ProductName),
                                productId = string.Format("{0}", pItem.ProductId.Contains("_") ? pItem.ProductId.Split('_')[0] : productIdFirst)
                            });
                            <div class="bb_o_list_item @string.Format("p-{0}", pItem.ProductId)">
                                <div class="bb_list_img">
                                    <a href="@plink">
                                        <img src="@pItem.ProductImagePath.ImagePathThumb(159, 243)" alt="@pItem.ProductName" width="159" height="243" />
                                    </a>
                                </div>
                                <div class="bb_list_info">
                                    <div class="bb_list_rows">
                                        <a href="@plink" class="lnkTitlelistOrder"><b>@pItem.ProductName</b> </a>
                                        @if (!string.IsNullOrEmpty(pItem.ProductSizeId))
                                        {
                                            <span>- Size: </span><strong>@pItem.ProductSizeName</strong>
                                        }
                                        @if (!string.IsNullOrEmpty(pItem.ProductColor))
                                        {
                                            <span>: </span><strong style="color: @pItem.ProductColorCode;">@pItem.ProductColor</strong>
                                        }
                                    </div>
                                    <div class="bb_list_rows clearfix">
                                        <div class="list_o_left">
                                            <span>Số lượng</span>
                                            @Html.DropDownList("txtQuan", new SelectList(CommonHelpers.SelectOptionQuantity(), "Value", "Text", pItem.ProductQuantity), new { @Class = "cssQuan", dataid = pItem.ProductId, orderQuantity = pItem.ProductQuantity.ToString() })
                                        </div>
                                        <div class="list_o_right">
                                            <span style="padding-right: 15px;">Giá tiền: </span>
                                            @if (pItem.PromotionPrice > 0)
                                            {
                                                <span class="txtOrderPrice">
                                                    <span class="ColoPrice">@pItem.PromotionPrice.ToString("#,###") </span>
                                                    <span>đ</span>
                                                </span>
                                            }
                                            else
                                            {
                                                <span class="txtOrderPrice">
                                                    <span class="ColoPrice">@pItem.RootPriceProduct.ToString("#,###") </span>
                                                    <span>đ</span>
                                                </span>
                                            }

                                        </div>
                                    </div>
                                    <div class="lnkListCommon">
                                        <a href="javascript:void(0);" rel="nofollow" class="p_del_cart" dataid="@string.Format("{0}", pItem.ProductId.Contains("_") ? pItem.ProductId : productIdFirst)">Xóa sản phẩm này</a> 
                                    <a style="font-size:15px;" rel="nofollow" href="@Url.Action("ProductByCateL2", "CategoryL1", new { pItem.CategoryId, catefil = "OEJHY", cateName = pItem.CategoryName })">Mua tiếp</a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                    <div class="money">

                        <div class="payment_tottal">
                            @*<span class="p_txt1">TỔNG CỘNG:</span>
                                    <span class="p_txt2 p_txt3">
                                        <span class="p_total_money">@cartInfo.TotalMoney.ToString("#,###")</span>
                                        <span>VNĐ</span>
                                    </span>*@
                            <span class="p_txt1">Thành tiền</span>
                            <span class="p_txt2">
                                <span class="p_total_money" >@cartInfo.TotalMoney.ToString("#,###")</span>
                                <span >đ</span>
                            </span>
                        </div>

                        <div class="loadingwrap">

                            <a href="javascript:void(0);" rel="nofollow" class="icon-order btnThanhToan">HOÀN THÀNH</a>
                        </div>
                    </div>
                </div>
            </div>
        }
    </div>
</div>
@section scripts
{
    <script>
        // Event page load -----------------------------------------
        if ($('.cssOrderCheckBox').attr('checked')) {
            $('.bb_address_diff').hide();
        } else {
            $('.bb_address_diff').slideDown();
        }
        $("input:checkbox").click(function () {
            var group = "input:checkbox[name='" + $(this).attr("name") + "']";
            $(group).attr("checked", false);
            $(this).attr("checked", true);
        });
        $('.bb_address_diff tr td span.field-validation-error').each(function () {
            if ($(this).text().length > 0) {
                $(this).parent().parent().children('.bb_o_r_input').children('input').addClass('input-validation-error');
                $(this).parent('.bb_o_tt').children('select').addClass('input-validation-error');
            }
        });


        //// them link dang nhap khi da co email
        //if ($('.errorHasEmail').text().length > 0) {
        //    $('div.errorHasEmail-wrapper').append('<a href="/Order">Click vào đây để đăng nhập</a>');
        //    $('div.errorHasEmail-wrapper').show();
        //    $('.check-error-email td span.bb_o_r_input input').eq(0).addClass('input-validation-error');
        //}



        // Show or hide address addition -----------------------------
        $('.cssOrderCheckBox').click(function () {
            var cmd = $(this);
            if (cmd.attr('checked')) {
                $('.bb_address_diff').hide();
            } else {
                $('.bb_address_diff').slideDown();
            }
        });

        // Chon Hinh thuc thanh toan
        $('.b_o_cash input[type=checkbox]').click(function () {
            var cmd = $(this);
            $('.b_o_cash').removeClass('b_o_cash_ac');
            cmd.parent().addClass('b_o_cash_ac');
            $('.b_o_p_cash .bb_o_p_Box').hide();
            cmd.parent().next().show();
        });

        // Form submit
        $('.btnThanhToan').click(function () {
            $('#form-order').submit();

        });

        // Province, District---------------------------------------------------------------

        $('#ProvinceId').change(function () {
            var id = $(this).val();
            $('#ProvinceName').val($('#ProvinceId option:selected').text());
            $.ajax({
                url: '/Login/GetDistrict',
                data: { provinceId: id },
                success: function (data) {
                    if (data.length <= 0) {
                        $('#DistrictId').html('').append('<option value="">Quận huyện</option>');
                    }
                    else {
                        $('#DistrictId').html('').append('<option value="">Quận huyện</option>');
                        for (var i = 0; i < data.length; i++) {
                            $('#DistrictId').append('<option value="' + data[i]['DistrictId'] + '">' + data[i]['DistrictName'] + '</option>');
                        }
                        $('#DistrictName').val('');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra, bạn nên kiểm tra hệ thống mạng!');
                }
            });
        });

        $('#DistrictId').change(function () {
            $('#DistrictName').val($('#DistrictId option:selected').text());
        });

        $('#ProvinceIdAdd').change(function () {
            var id = $(this).val();
            $('#ProvinceNameAdd').val($('#ProvinceIdAdd option:selected').text());
            $.ajax({
                url: '/Login/GetDistrict',
                data: { provinceId: id },
                success: function (data) {
                    if (data.length <= 0) {
                        $('#DistrictIdAdd').html('').append('<option value="">- Lựa chọn -</option>');
                    }
                    else {
                        $('#DistrictIdAdd').html('').append('<option value="">- Lựa chọn -</option>');
                        for (var i = 0; i < data.length; i++) {
                            $('#DistrictIdAdd').append('<option value="' + data[i]['DistrictId'] + '">' + data[i]['DistrictName'] + '</option>');
                        }
                        $('#DistrictNameAdd').val('');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra, bạn nên kiểm tra hệ thống mạng!');
                }
            });
        });

        $('#DistrictIdAdd').change(function () {
            $('#DistrictNameAdd').val($('#DistrictIdAdd option:selected').text());
        });

        // Year, Month, Calculate Day
        $('#Year').change(function () {
            var year = $(this).val();
            var month = $('#Month').val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
            }
        });

        $('#Month').change(function () {
            var year = $('#Year').val();
            var month = $(this).val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
            }
        });

        bindDayListOnPageLoad();

        function bindDay(obj, year, month) {
            var dayOfMonth = getNumberOfDays(year, month - 1);
            obj.html('').append('<option value="">Ngày</option>');;
            for (var i = 1; i <= dayOfMonth; i++) {
                obj.append('<option value="' + i + '">' + i + '</option>');
            }
        }

        function bindDayListOnPageLoad() {
            var year = $('#Year').val();
            var month = $('#Month').val();
            var idSelected = $('#dayOfMonth').val();
            if (year != '' && year != null && month != '' && month != null) {
                bindDay($('#Day'), year, month);
                $('#Day option[value="' + idSelected + '"]').attr('selected', 'selected');
            }
        }

        // Delete product in shopping cart
        $('.lnkListCommon a.p_del_cart').click(function () {
            if (!confirm('Bạn chắc chắn không muốn mua sản phẩm này nữa!')) return false;
            var pId = $(this).attr('dataId');
            $.ajax({
                url: '/Order/DeleteProductInCart',
                data: { productId: pId },
                success: function (data) {
                    if (!data) {
                        window.location = '/Order/CheckCart';
                    }
                    $('.p-' + pId).fadeOut();
                    $('span.p_total_money').text(data);
                },
                error: function () {
                    alert('Lỗi kết nối tới hệ thống!');
                }
            });
        });

        // Change product quantity
        $('.cssQuan').change(function () {
            var pId = $(this).attr('dataid');
            var quantity = $(this).val();
            var orderQuantity = $(this).attr('orderQuantity');
            $.ajax({
                url: '/Order/ChangeProductQuantity',
                data: { productId: pId, quantity: quantity, orderQuantity: orderQuantity },
                success: function (data) {
                    if (data != null && data != '') {
                        $('span.p_total_money').text(data);
                    }
                },
                error: function () {
                    Console.log('Đã có lỗi xảy ra!');
                }
            });
        });
    </script>
    <script type="text/javascript">
        var currentPage = "product";
    </script>
}

